<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>分享</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link href="https://cdn.bootcss.com/bootstrap/4.1.1/css/bootstrap-grid.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/bootstrap/4.1.1/css/bootstrap-reboot.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
Hello, js-share!
<br>
<br>
<br>
<div class="card" style="width: 10rem;">
    <div class="card-body">
        这是分享的页面
    </div>
</div>
</body>
<script>

    $(function(){
        var url = location.href.split('#')[0];//url不能写死
        var agentId = '[[${agentId}]]'; //注意这里 要填写你自己得
            $.ajax({
                type : "get",
                url : "/wx/jsapi/createJsapiSignature/"+agentId,
                dataType : "json",
                async : true,
                data:{url:url},
                success : function(data) {
                    wx.config({
                        beta: true,
                        debug: true,////生产环境需要关闭debug模式
                        appId: data.appId,//必填，企业微信的corpID
                        timestamp: data.timestamp,//生成签名的时间戳
                        nonceStr: data.nonceStr,//生成签名的随机字符串
                        signature: data.signature,//签名
                        jsApiList: [//需要调用的JS接口列表
                            'checkJsApi',//判断当前客户端版本是否支持指定JS接口
                            'onMenuShareTimeline',//分享给好友
                            'onMenuShareAppMessage'//分享到朋友圈
                        ]
                    });
                },
                error: function(xhr, status, error) {
                    // alert(status);
                    alert(xhr.responseText);
                }
            })
        wx.ready(function () {
            //分享给朋友
            wx.onMenuShareTimeline({
                title: '朋友圈都被这个刷屏了',//分享的标题
                desc: '朋友圈都被这个刷屏了，你也来晒一晒吧~', // 分享描述
                link:'',  //注意这里最好是http访问全路径 要不容易出问题 
                imgUrl: 'http://trpu6y.natappfree.cc/images/shareIcon.jpg', // 分享图标 http访问全路径
                success: function () {
                    // 用户确认分享后执行的回调函数
                    alert("分享成功");
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                    alert("取消分享");
                }
            });
            //分享到朋友圈
            wx.onMenuShareAppMessage({
                title: '朋友圈都被这个刷屏了',
                desc: '朋友圈都被这个刷屏了，你也来晒一晒吧~', // 分享描述
                link:'',
                imgUrl: 'http://trpu6y.natappfree.cc/images/shareIcon.jpg', // 分享图标 // 分享图标
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });
            wx.error(function (res) {
                alert(res.errMsg);
            });
        });
    });
</script>
</html>
